{% extends 'base.html' %}

{% block page_header %}
    <div class="container" style="padding-top: 5em">
        <div class="bg-light rounded-3" style="padding-top: 1em; padding-bottom: 1em">
            <h1 class="display-3">Track your learning</h1>
            <p class="lead">Make your own Learning Log, and keep a list of the
                topics you're learning about. Whenever you learn something new
                about a topic, make an entry summarizing what you've learned.</p>
            <p>
                <a class="btn btn-primary btn-lg" href="{% url 'learning_logs:topics' %}"
                   role="button">Get started today &raquo;</a>
            </p>
        </div>
    </div>
{% endblock %}